.list a>p,.titleBox .title .titleLeft>p,.titleBox .title .video_data>h1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

html article,html aside,html audio,html body,html dd,html div,html dl,html footer,html form,html h1,html h2,html h3,html h4,html h5,html h6,html header,html iframe,html input,html label,html nav,html ol,html p,html section,html select,html td,html textarea,html th,html time,html ul,html video {
    margin: 0;
    padding: 0
}

html article,html aside,html audio,html canvas,html footer,html header,html nav,html section,html video {
    display: block
}

html body {
    font: 14px/1.5 '-apple-system',BlinkMacSystemFont,Roboto,Ubuntu,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans CN",sans-serif;
}

html em,html i,html sub,html sup {
    font-style: normal
}

html textarea {
    resize: none;
    outline: 0
}

html input {
    outline: 0
}

html button,html input {
    -webkit-appearance: none
}

html iframe,html img {
    border: 0
}

html li,html ol,html ul {
    list-style: none
}

html a {
    text-decoration: none;
    outline: 0;
    list-style-type: none;
    color: #333
}

html h1,html h2,html h3 {
    font-weight: 400;
}

.news-detail p{line-height:24px; margin:10px 0;font-size:14px;}
.news-detail h1 {font-weight: bold; display: inline-block;
    padding:0 0 10px 10px; margin: 15px 0 10px 0;
    font-size: 1.5rem;
    line-height: 25px;
    height: 25px;
 border-left: 6px solid #e54b81;color:#e54b81;border-bottom:1px solid #ccc;
}
.news-detail h2 {font-weight: bold; display: inline-block;
    padding:0 0 10px 10px; margin: 15px 0 10px 0;
    font-size: 1.2rem;
    line-height: 25px;
    height: 25px;
 border-left: 6px solid #e54b81;color:#e54b81;border-bottom:1px solid #ccc;
}
html .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

html .clearfix {
    zoom:1}

html sub,html sup {
    vertical-align: baseline
}

.header_box {
    position: fixed;
    height: 80px;
    background: #e9447f;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99
}

.header_box .header {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto
}

.header_box .header>a,.header_box .header>a img {
    height: 46px;
    float: left
}

.header_box .header>a {
    margin-top: 17px
}

.header_box .header span {
    margin-left: 100px;
    height: 80px;
    line-height: 80px;
    display: block;
    float: left
}

.header_box .header span a {
    margin-right: 35px;
    float: left;
    position: relative;
    font-size: 16px;
    color: #fff
}

.header_box .header span a.btn,.header_box .header span a:hover {
    -webkit-transition: .1s;
    transition: .1s
}

.header_box .header span a.btn:after,.header_box .header span a:hover:after {
    content: "";
    position: absolute;
    height: 2px;
    background: #fff;
    width: 100%;
    left: 0;
    bottom: 20px;
    -webkit-transition: .1s;
    transition: .1s
}

.header_box .header .search {
    display: block;
    float: right;
    position: relative;
    margin-top: 20px
}

.header_box .header .search input {
    -webkit-transition: .3s;
    transition: .3s;
    width: 260px;
    height: 40px;
    border: 0;
    background: #fff;
    border-radius: 50px;
    text-indent: 20px;
    font-size: 14px;
    color: #000
}

.header_box .header .search ::-webkit-input-placeholder {
    color: #bbb
}

.header_box .header .search :-moz-placeholder {
    color: #bbb
}

.header_box .header .search ::-moz-placeholder {
    color: #bbb
}

.header_box .header .search :-ms-input-placeholder {
    color: #bbb
}

.header_box .header .search button {
    -webkit-transition: .3s;
    transition: .3s;
    float: right;
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 0;
    margin: 0
}

.header_box .header .search button .icon-sousuoanniu {
    font-size: 24px;
    -webkit-transition: .3s;
    transition: .3s;
    color: #e9447f;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-right: 15px;
    position: relative;
    top: -2px
}

.header_box .header .search.small {
    display: block!important
}

.header_box .header .search.small input {
    width: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.header_box.gokLogo .header>a,.header_box.gokLogo .header>a img {
    width: 210px;
    height: 48px;
    float: left
}

.header_box .header .search.small button {
    top: 4px;
    -webkit-transition: .3s;
    transition: .3s
}

.header_box .header .search.small button .icon-sousuoanniu {
    font-size: 30px;
    -webkit-transition: .3s;
    transition: .3s
}

/* .header_box .header .search.indexHeader {
    display: none
} */

.header_box.gokLogo .header>a {
    margin-top: 15px
}

.indexBanner,.indexBanner>p,.indexBanner>strong {
    width: 100%;
    text-align: center
}

.header_box.gokLogo .header span {
    margin-left: 200px
}

.indexBanner {
    background: url(../images/indexBanner.jpg) no-repeat;
    background-size: 100% 800px;
    height: 580px;
    margin-top: 80px;
}

.indexBanner>p {
    line-height: 56px;
    font-size: 56px;
    float: left;
    color: #e9447f;
    margin-top: 127px;
    letter-spacing: 10px;
    font-weight: 700
}

.indexBanner>strong {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 10px;
    float: left;
    color: #fff;
    margin-top: 24px
}

.indexBanner .searchBox .searchBox1 {
    display: inline-block;
    text-align: center;
    width: 780px;
    margin-top: 60px;
    border-radius: 3px;
    overflow: hidden;
    position: relative
}

.indexBanner .searchBox .searchBox1 input {
    width: 100%;
    height: 66px;
    float: left;
    border: 0;
    background: rgba(255,255,255,.9);
    font-size: 18px;
    text-indent: 20px;
    color: #333
}

.indexBanner .searchBox .searchBox1 ::-webkit-input-placeholder {
    color: #999
}

.indexBanner .searchBox .searchBox1 :-moz-placeholder {
    color: #999
}

.indexBanner .searchBox .searchBox1 ::-moz-placeholder {
    color: #999
}

.indexBanner .searchBox .searchBox1 :-ms-input-placeholder {
    color: #999
}

.indexBanner .searchBox .searchBox1 button {
    position: absolute;
    background: #e9447f;
    right: 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    width: 66px;
    height: 66px
}

.indexBanner .searchBox .searchBox1 button .icon-sousuoanniu {
    color: #fff;
    font-size: 34px
}

.indexBanner .hotSearch span {
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    position: relative
}

.indexBanner .hotSearch span a,.indexBanner .hotSearch span p {
    float: left;
    color: #bbb;
    font-size: 12px;
    margin-right: 10px
}

.indexBanner .bannerData {
    display: inline-block;
    text-align: center;
    width: 575px;
    height: 104px;
    position: relative;
    border: 1px solid rgba(205,178,185,.2);
    margin-top: 40px
}

.indexBanner .bannerData span {
    float: left;
    width: 33.2%;
    text-align: center;
    color: #fff;
    border-right: 1px solid rgba(205,178,185,.2);
    margin-top: 26px
}

.indexBanner .bannerData span p {
    font-size: 30px;
    line-height: 30px
}

.indexBanner .bannerData span p em {
    font-size: 14px;
    line-height: 14px
}

.indexBanner .bannerData span strong {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    margin-top: 10px;
    opacity: .6
}

.indexBanner .bannerData span:last-child {
    border-right: 0
}

.indexBanner .cooperation {
    float: left;
    width: 100%;
    margin-top: 60px;
    display: inline-block;
    text-align: center
}

.indexBanner .cooperation p {
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    position: relative;
    width: 80px;
    display: inline-block
}

.indexBanner .cooperation p:after,.indexBanner .cooperation p:before {
    content: '';
    width: 50px;
    height: 1px;
    background: rgba(255,255,255,.2);
    top: 10px;
    position: absolute
}

.indexBanner .cooperation p:before {
    left: -65px
}

.indexBanner .cooperation p:after {
    right: -65px
}

.indexBanner .contact {
    float: left;
    width: 100%;
    line-height: 14px;
    margin-top: 20px;
    display: inline-block;
    text-align: center
}

.indexBanner .contact p {
    color: #fff;
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 25px;
    opacity: .6
}

.indexBanner .contact p:last-child {
    margin-right: 0
}

.indexBanner.none {
    display: none
}

.sTitle {
    overflow: hidden
}

.sTitle p {
    float: left;
    font-size: 32px;
    color: #333;
    font-weight: 700;
    line-height: 32px
}

.sTitle span,.sTitle>a {
    float: right;
    line-height: 32px
}

.sTitle span {
    height: 32px;
    font-size: 0
}

.sTitle span a {
    font-size: 14px;
    color: #999;
    width: 60px;
    height: 32px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s;
    margin-left: 10px
}

.sTitle span a.btn {
    background: #ff9a00;
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.sTitle span a:hover {
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.sTitle span a:last-child {
    width: auto
}

.sTitle span a:last-child:hover {
    background: 0 0;
    color: #000
}

.sTitle>a {
}

    font-size: 14px;
    color: #999;
    -webkit-transition: .1s;
    transition: .1s
.sTitle>a:hover {
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.works , .news-con {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden
}

.news{
	width: 285px;
	float: left;
	margin-right: 20px;
}

.news:last-child{
	margin: 0;
}

.works.mt30 {
    margin-top: 30px
}

.works .worksTab {
    float: left;
    width: 100%;
}

.column {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden
}

.column .sTitle {
    margin-top: 30px
}

.column .columnList {
    float: left;
    width: 100%;
    margin-top: 30px
}

.column .columnList a,.column .columnList a img {
    width: 386px;
    float: left;
    height: 217px
}

.column .columnList a {
    margin-right: 20px
}

.column .columnList a:last-child {
    margin-right: 0
}

.list {
    float: left;
    width: 100%
}

.list a,.list a div,.list a div img {
    width: 386px;
    float: left
}

.list a {
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    margin: 0 18px 20px 0;
    border: 1px solid #edeff1;
}

.list a div {
    position: relative;
    height: 217px
}

.list a div img {
    height: 217px
}

.list a div strong , .nlist > a strong {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.list a div strong sub,.list a div strong sup , .nlist > a strong sub , .nlist > a strong sup {
    left: 0;
    width: 100%;
    height: 113px;
    position: absolute
}

.nlist > a strong sub , .nlist > a strong sup{
	height: 60px;
}

.list a div strong sub , .nlist > a strong sub {
    top: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.25)));
    background: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.25))
}

.list a div strong sup , .nlist > a strong sup {
    bottom: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.25)),to(rgba(0,0,0,0)));
    background: linear-gradient(to top,rgba(0,0,0,.25),rgba(0,0,0,0))
}

.list a div p {
    position: absolute;
    width: 46px;
    height: 29px;
    border: 2px solid #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 24px;
    left: 168px;
    top: 92px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list a div p i {
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-left: 4px
}

.list a div>em {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    z-index: 9
}

.list a>p {
    float: left;
    width: 356px;
    font-size: 16px;
    color: #333;
    margin: 15px 15px 10px;
    line-height: 16px
}

.list a>p em {
    color: #ffba00;
    margin-right: 5px
}

.list a span.give {
    font-size: 12px;
    color: #999;
    float: left;
    width: 356px;
    margin: 5px 15px 15px;
    line-height: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list a span.give em {
    margin-right: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.list a span.give em i {
    margin-right: 5px;
    font-size: 14px
}

.list a span.give em:last-child i {
    font-size: 12px
}

.list a span.give em:last-child i.icon-eyes-o {
    font-size: 14px!important
}

.list a span.user {
    float: left;
    width: 100%;
    height: 60px;
    border-top: 1px solid #eee
}

.list a span.user em {
    width: 28px;
    height: 28px;
    border: 1px solid #eee;
    border-radius: 50%;
    float: left;
    margin: 15px 0 0 15px;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.list a span.user em img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.list a span.user p {
    float: left;
    color: #999;
    font-size: 14px;
    line-height: 60px;
    margin-left: 10px
}

.list a span.user strong {
    float: right;
    color: #999;
    font-size: 12px;
    line-height: 60px;
    margin-right: 15px
}

.list a:hover {
    -webkit-box-shadow: 2px 2px 7px rgba(51,51,51,.3);
    box-shadow: 2px 2px 7px rgba(51,51,51,.3)
}

.list a:hover div strong , .nlist > a:hover strong{
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.list a:hover div p {
    background: #e9447f;
    border: 2px solid #e9447f;
    line-height: 24px;
    -webkit-transition: .3s;
    transition: .3s
}

.list a:hover div p i {
    color: #000
}

.list a:nth-child(3n) {
    margin-right: 0
}

.nlist{
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	background:#f5f5f5;
	margin: 0 18px 20px 0;
	border: 1px solid #edeff1;
}

.nlist > a{
	width: 100%;
	height: 160px;
	display: block;
	position: relative;
}

.nlist > a:hover{
	-webkit-box-shadow: 2px 2px 7px rgba(51,51,51,.3);
	box-shadow: 2px 2px 7px rgba(51,51,51,.3)
}

.nlist img{
	width: 100%;
	height: 160px;
}

.nlist > a p{
	width: 100%;
	height: 30px;
	line-height: 30px;
	left: 0px;
	display: block;
	background-color:rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	text-indent: 10px;
	color: #fff;
	font-size: 16px;
}

.nlist ul{
	margin: 10px 0;
}

.nlist ul li{
	list-style: disc;
	margin-left: 20px;
	text-indent: 5px;
	line-height: 30px;
}

.nlist ul li a{
	font-size: 16px;
}

.nlist ul li a:hover{
	opacity: 0.8;
}

.list-lf {
	width: 880px;
	float: left;
	overflow: hidden;
}

.list-rt {
	width: 300px;
	float: right;
	overflow: hidden;
}

.news-read{
	margin-top: 20px;
	border: 1px solid #edeff1;
}

.news-read h3{
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	text-indent: 10px;
	border-bottom: 1px solid #edeff1;
	border-left: 3px solid #e9447f;
}

.news-read ul{
	margin:20px 0;
}

.news-read ul li{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	margin:0 15px 10px;
}

.news-read ul li b{
	width: 30px;
	height: 30px;
	display: inline-block;
	background-color: #c2c2c2;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	margin-right:5px;
	font-size: 14px;
}
.news-read ul li:nth-child(1) b , .news-read ul li:nth-child(2) b , .news-read ul li:nth-child(3) b{
	background-color: #e9447f;
}

.news-read ul li a:hover{
	opacity: 0.8;
}

.list-lf dl{
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #edeff1;
}

.list-lf dl dt{
	width: 285px;
	float: left;
	margin-right: 20px;
}

.list-lf dl dt img{
	width: 100%;
}

.list-lf dl dd{
	width: 575px;
	float: left;
}

.list-lf dl dd h3 {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
}

.list-lf dl dd p {
	font-size: 16px;
	margin-bottom: 10px;
	color: #999;
}

.footerBox {
    float: left;
    width: 100%;
    overflow: hidden;
    background: #e9447f;
    margin-top: 50px
}

.footerBox.white {
    background: 0 0
}

.footerBox .footer {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden
}

.footerBox .footer>p {
    float: left;
    font-size: 16px;
    color: #666;
    margin-top: 50px;
    line-height: 16px;
    margin-bottom: 30px
}

.footerBox .footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px
}

.footerBox .footer ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footerBox .footer ul li a {
    float: left;
    width: 60px
}

.footerBox .footer ul li a img {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 10px
}

.footerBox .footer ul li a em {
    float: left;
    text-align: center;
    width: 60px;
    color: #666;
    font-size: 12px;
    margin-top: 10px;
    line-height: 12px
}

.footerBox .footer dl {
    float: left;
    width: 100%;
    padding: 20px 0
}

.footerBox .footer dl dt {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #fff
}

.footerBox .footer dl dd {
    float: left;
    width: 100%;
    margin-top: 10px
}

.footerBox .footer dl dd a {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    color: #fff
}

.footerBox .footer span {
    float: left;
    width: 100%;
    border-top: 1px solid #fff;
    padding-top: 15px;
    text-align: center;
    margin-bottom: 35px
}

.footerBox .footer span a,.footerBox .footer span p {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px
}

.footerBox .footer span a:after,.footerBox .footer span p:after {
    content: "|";
    margin: 0 35px
}

.footerBox .footer span a:last-child:after,.footerBox .footer span p:last-child:after {
    content: "";
    margin: 0
}

.footerBox .footer span a i,.footerBox .footer span p i {
    background: url(../images/icon-police.png) no-repeat;
    width: 14px;
    height: 16px;
    background-size: 14px 16px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 4px
}

.footerBox .footer span p:nth-child(3):after {
    content: "";
    margin: 0
}

.footerBox .footer span:first-child {
    border-top: 0
}

.navBox {
    float: left;
    width: 100%;
    margin-top: 80px;
    height: 74px;
    background: #fff;
    margin-bottom: 30px
}

.navBox .nav {
    margin: 0 auto;
    width: 1200px
}

.navBox .nav a {
    display: inline-block;
    height: 32px;
    margin-top: 20px;
    padding: 0 15px;
    font-size: 14px;
    color: #999;
    line-height: 32px;
    border-radius: 50px;
    margin-right: 10px
}

.navBox .nav a.btn {
    background: #ff9a00;
    color: #000
}

.navBox .nav a:hover {
    color: #000
}

.titleBox {
    width: 100%;
    background: #fff;
    overflow: hidden
}

.titleBox .title {
    width: 1200px;
    margin: 35px auto 0;
    overflow: hidden;
    padding-bottom: 45px
}

.titleBox .title .video_data {
    float: left;
    width: 100%;
    height: 32px;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.titleBox .title .video_data>h1 {
    font-size: 32px;
    color: #333;
    float: left;
    width: 830px;
    font-weight: 700;
    line-height: 32px
}

.titleBox .title .video_data p {
    float: right;
    height: 32px;
    line-height: 32px;
    padding-right: 20px;
    color: #999;
    font-size: 14px;
    margin-right: 20px;
    cursor: pointer
}

.titleBox .title .video_data p i {
    float: left;
    font-size: 18px;
    color: #999;
    margin-right: 5px
}

.titleBox .title .video_data .code {
    display: none;
    position: absolute;
    bottom: -200px;
    right: 170px;
    z-index: 9;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px
}

.titleBox .title .video_data .code strong {
    float: left;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 12px;
    margin-top: 10px
}

.titleBox .title .video_data span {
    float: right;
    margin-right: 10px
}

.titleBox .title .video_data span p {
    padding-right: 0;
    float: left;
    margin-right: 0
}

.titleBox .title .video_data span strong {
    float: left;
    margin-top: 5px
}

.titleBox .title .video_data span strong em {
    float: left;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer
}

.titleBox .title .video_data span strong em:first-child {
    background: url(../images/newShare/sina.svg) no-repeat;
    background-size: 24px 24px
}

.titleBox .title .video_data span strong em:first-child:hover {
    background: url(../images/newShare/sinaHover.svg) no-repeat;
    background-size: 24px 24px
}

.titleBox .title .video_data span strong em:nth-child(2) {
    background: url(../images/newShare/qzone.svg) no-repeat;
    background-size: 24px 24px
}

.titleBox .title .video_data span strong em:nth-child(2):hover {
    background: url(../images/newShare/QzoneHover.svg) no-repeat;
    background-size: 24px 24px
}

.titleBox .title .video_data span strong em:nth-child(3) {
    background: url(../images/newShare/douban.svg) no-repeat;
    background-size: 24px 24px
}

.titleBox .title .video_data span strong em:nth-child(3):hover {
    background: url(../images/newShare/doubanHover.svg) no-repeat;
    background-size: 24px 24px
}

.titleBox .title .titleLeft {
    float: left;
    width: 880px;
    border-right: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 145px
}

.titleBox .title .titleLeft>p {
    font-size: 32px;
    color: #333;
    float: left;
    width: 96%;
    font-weight: 700;
    line-height: 32px;
    margin-top: 5px
}

.titleBox .title .titleLeft .titleHeader {
    float: left;
    width: 100%;
    height: 30px;
    margin-top: 20px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderLeft {
    float: left
}

.titleBox .title .titleLeft .titleHeader .titleHeaderLeft em {
    float: left;
    width: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #f2f2f2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.titleBox .title .titleLeft .titleHeader .titleHeaderLeft em img {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderLeft p {
    float: left;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    margin-left: 10px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderLeft strong {
    float: left;
    color: #4c7aad;
    font-size: 14px;
    line-height: 30px;
    margin-left: 10px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight {
    float: right;
    line-height: 30px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span {
    float: right
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em {
    font-size: 14px;
    color: #bbb;
    float: left;
    cursor: pointer
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em i {
    float: left;
    margin-right: 5px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em:after {
    content: "|";
    margin: 0 25px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em:last-child:after {
    content: "";
    margin-right: 30px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em.btn,.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em.btn i {
    color: #ff9a00!important
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction {
    float: left;
    width: 96%;
    margin-top: 10px;
    height: 78px;
    overflow-x: hidden;
    overflow-y: scroll
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction p {
    float: left;
    width: 98%;
    font-size: 14px;
    color: #999;
    line-height: 26px
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction::-webkit-scrollbar {
    width: 2px
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(238,238,238,1);
    border-radius: 10px
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bbb;
    -webkit-box-shadow: inset006pxrgba(238,238,238,1)
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction::-webkit-scrollbar-thumb:window-inactive {
    background: #eee
}

.titleBox .title .titleRight {
    float: left;
    width: 320px;
    height: 145px
}

.titleBox .title .titleRight em {
    display: inline-block;
    float: left;
    width: 70px;
    height: 70px;
    margin: 35px 10px 0 30px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.titleBox .title .titleRight em img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.titleBox .title .titleRight span {
    float: left;
    margin-top: 35px;
    width: 110px
}

.titleBox .title .titleRight span p,.titleBox .title .titleRight span strong {
    float: left;
    width: 100%;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.titleBox .title .titleRight span p {
    font-size: 16px;
    color: #333;
    line-height: 16px
}

.titleBox .title .titleRight span strong {
    font-size: 14px;
    color: #999;
    line-height: 14px
}

.titleBox .title .titleRight a {
    width: 100px;
    height: 36px;
    display: inline-block;
    float: right;
    background: #ff9a00;
    margin-top: 48px;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 36px;
    -webkit-transition: .1s;
    transition: .1s
}

.titleBox .title .titleRight a:hover {
    background: #ffe669;
    -webkit-transition: .1s;
    transition: .1s
}

.titleBox .title .titleRightGame {
    float: left;
    width: 320px;
    height: 145px
}

.titleBox .title .titleRightGame span:first-child {
    float: left;
    width: 120px
}

.titleBox .title .titleRightGame span:first-child em {
    display: inline-block;
    float: left;
    width: 90px;
    height: 90px;
    margin: 15px 0 0 30px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.titleBox .title .titleRightGame span:first-child em img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.titleBox .title .titleRightGame span:first-child p {
    font-size: 16px;
    color: #333;
    text-align: center;
    float: left;
    margin-left: 30px;
    width: 90px;
    line-height: 16px;
    margin-top: 10px
}

.titleBox .title .titleRightGame span:nth-child(2) {
    float: left;
    margin-top: 25px;
    margin-left: 35px;
    width: 100px
}

.titleBox .title .titleRightGame span:nth-child(2) a:first-child {
    height: 36px;
    display: inline-block;
    float: right;
    background: #ff9a00;
    margin-top: 0;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 36px;
    -webkit-transition: .1s;
    transition: .1s;
    width: 100%
}

.titleBox .title .titleRightGame span:nth-child(2) a:last-child,.titleBox .title .titleRightGame span:nth-child(2) p {
    color: #999;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    float: left;
    text-align: center
}

.titleBox .title .titleRightGame span:nth-child(2) a:first-child:hover {
    background: #ffe669;
    -webkit-transition: .1s;
    transition: .1s
}

.titleBox .title .titleRightGame span:nth-child(2) p {
    border-bottom: 1px solid #f3f3f3
}

.videoBox {
    width: 100%;
    background: #fff;
    padding-top: 30px;
    margin-top: 80px
}

.videoBox .video {
    width: 1200px;
    margin: 0 auto
}

.videoBox .video #example_video_1 {
    float: left;
    width: 880px;
    height: 495px
}

.videoBox .video .video_list {
    float: left;
    width: 320px;
    background: #333;
    height: 495px;
    overflow: hidden
}

.videoBox .video .video_list h2 {
    float: left;
    width: 100%;
    height: 55px;
    font-size: 16px;
    color: #fff;
    line-height: 55px;
    text-indent: 20px
}

.videoBox .video .video_list div {
    overflow-x: hidden;
    overflow-y: scroll;
    float: left;
    height: 440px;
    width: 100%
}

.videoBox .video .video_list div::-webkit-scrollbar {
    width: 12px
}

.videoBox .video .video_list div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(0,0,0,.3);
    border-radius: 10px
}

.videoBox .video .video_list div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,.1);
    -webkit-box-shadow: inset006pxrgba(0,0,0,.5)
}

.videoBox .video .video_list div::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.videoBox .video .video_list div span {
    float: left;
    width: 100%
}

.videoBox .video .video_list div span>a:first-child {
    float: left;
    width: 130px;
    height: 73px;
    position: relative;
    margin: 10px 10px 10px 20px
}

.videoBox .video .video_list div span>a:first-child img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: #f8f8f8
}

.videoBox .video .video_list div span:first-child,.videoBox .video .video_list div span:first-child:hover {
    background: #222
}

.videoBox .video .video_list div span>a:nth-child(2) {
    margin-top: 8px;
    color: #ddd;
    display: block;
    margin-right: 10px;
    font-size: 14px
}

.videoBox .video .video_list div span p {
    color: #999;
    font-size: 12px
}

.videoBox .video .video_list div span:first-child>a:nth-child(2) {
    color: #fff
}

.videoBox .video .video_list div span:hover {
    background: #404040
}

.videoBox .video .video_list div span:hover em {
    width: 130px;
    height: 73px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center
}

.videoBox .video .video_list div span:hover em i {
    display: inline-block;
    width: 40px;
    height: 26px;
    background: #ff9a00;
    border-radius: 50px;
    margin-top: 25px;
    font-size: 14px;
    line-height: 26px;
    text-indent: 5px
}

.related {
    margin: 0 auto;
    width: 1200px
}

.page,.page ul,.page ul li a {
    float: left;
    width: 100%
}

.related .sTitle {
    margin: 30px 0
}

.related .sTitle p {
    font-size: 26px!important;
    line-height: 30px!important
}

.page ul,.page ul li {
    height: 36px;
    line-height: 36px;
    display: inline-block
}

.page {
    padding: 30px 0 0;
    overflow: hidden
}

.page ul {
    font-size: 0;
    text-align: center
}

.page ul li {
    color: #ffd100;
    min-width: 36px;
    margin-right: 10px;
    font-size: 14px
}

.page ul li a {
    color: #aaa;
    height: 100%;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 36px;
    font-size: 16px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.page ul li a:hover {
    border: 1px solid #e9447f;
    background-color: #e9447f;
    color: #fff;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.page ul li a.no_bb {
    border: 0!important
}

.page ul li.btn a {
    border: 1px solid #e9447f;
    background-color: #e9447f;
    color: #fff
}

.pageErr {
    width: 1200px;
    margin: 80px auto 0;
    overflow: hidden;
    text-align: center
}

.pageErr img {
    width: 889px;
    height: 479px;
    display: inline-block;
    margin-top: 60px
}

.pageErr a {
    display: inline-block;
    width: 340px;
    height: 60px;
    background: #ff9a00;
    color: #000;
    font-size: 22px;
    line-height: 60px;
    border-radius: 50px;
    margin-top: 40px;
    margin-bottom: 60px;
    -webkit-transition: .1s;
    transition: .1s
}

.pageErr a:hover {
    background: #ffe669;
    -webkit-transition: .1s;
    transition: .1s
}

.bannerBox,.resultBox {
    background: #fff;
    float: left
}

.resultBox {
    width: 100%;
    margin-bottom: 30px
}

.resultBox .result {
    width: 1200px;
    overflow: hidden;
    text-align: center;
    height: 73px
}

.resultBox .result p {
    float: left;
    height: 30px;
    border: 1px solid #bbb;
    margin: 20px 20px 0 0;
    padding: 0 20px;
    line-height: 30px;
    border-radius: 50px;
    font-size: 12px;
    color: #333
}

.resultBox .result p a {
    font-size: 10px;
    color: #333;
    -webkit-transform: scale(.7);
    display: inline-block;
    margin-left: 10px;
    cursor: pointer
}

.resultBox .result span {
    font-size: 14px;
    color: #333;
    float: left;
    line-height: 73px
}

.resultBox .result span em {
    color: #5a81aa;
    margin: 0 5px
}

.bannerBox {
    width: 100%;
    padding: 30px 0 40px;
    margin-top: 80px
}

.bannerBox .banner {
    width: 1200px;
    margin: 0 auto
}

.bannerBox .banner .swiper-container {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.bannerBox .banner .swiper-container .swiper-wrapper {
    height: 500px!important
}

.bannerBox .banner .swiper-container .swiper-slide a,.bannerBox .banner .swiper-container .swiper-slide a img {
    width: 100%;
    height: 100%;
    float: left
}

.bannerBox .banner .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    float: left
}

.bannerBox .banner .swiper-container .turnBox .swiper-button-prev {
    background-color: rgba(0,0,0,.4);
    background-size: 12px 22px;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    opacity: 1!important;
    -webkit-transition: .3s;
    transition: .3s
}

.bannerBox .banner .swiper-container .turnBox .swiper-button-prev:hover {
    background-color: rgba(0,0,0,.6);
    -webkit-transition: .3s;
    transition: .3s
}

.bannerBox .banner .swiper-container .turnBox .swiper-button-next {
    background-color: rgba(0,0,0,.4);
    background-size: 12px 22px;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    opacity: 1!important;
    -webkit-transition: .3s;
    transition: .3s
}

.bannerBox .banner .swiper-container .turnBox .swiper-button-next:hover {
    background-color: rgba(0,0,0,.6);
    -webkit-transition: .3s;
    transition: .3s
}

.bannerBox .banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: #000;
    opacity: .3;
    height: 9px;
    width: 9px
}

.bannerBox .banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ff9a00;
    opacity: 1
}

.bannerBox .banner .swiper-container .turnBox {
    position: absolute;
    left: 0;
    top: 47%;
    width: 100%;
    height: 56px
}

.bannerBox .banner .swiper-container .turnBox .turn {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.bannerBox .banner .swiper-container .turnBox .turn .swiper-button-next,.bannerBox .banner .swiper-container .turnBox .turn .swiper-button-prev {
    opacity: .2
}

.bannerBox .more {
    width: 1200px;
    margin: 0 auto
}

.bannerBox .more a,.bannerBox .more a img {
    width: 228px;
    height: 116px;
    float: left
}

.bannerBox .more a {
    margin-top: 15px;
    position: relative;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden
}

.bannerBox .more a span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.bannerBox .more a span p {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin-top: 33px
}

.bannerBox .more a span strong {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    margin-top: 10px
}

.bannerBox .more a.black img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.bannerBox .more a:last-child {
    margin-right: 0
}

.recomm {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden
}

.recomm h3 {
    height: 65px;
    line-height: 65px;
    float: left;
    width: 100%;
    margin-top: 20px
}

.mainBox {
    margin-top: 80px;
    background: #fff;
    width: 100%
}

.mainBox .main {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 60px
}

.mainBox .main .mainLeft {
    float: left;
    width: 830px;
    margin-top: 40px;
    margin-right: 50px
}

.mainBox .main .mainLeft .mainLeftTitle {
    float: left;
    width: 100%
}

.mainBox .main .mainLeft .mainLeftTitle h1 {
    float: left;
    width: 100%;
    font-size: 36px;
    color: #333;
    font-weight: 700
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf {
    float: left;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e8e8e8;
    margin-top: 30px;
    padding-bottom: 20px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child {
    float: left
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child em {
    float: left;
    width: 48px;
    height: 48px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 50%
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child em img {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child strong {
    float: left;
    height: 48px;
    margin-left: 15px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child strong sub {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 14px;
    margin-top: 4px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child strong sup {
    float: left;
    font-size: 14px;
    color: #bbb;
    line-height: 14px;
    margin-top: 4px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child {
    float: right;
    height: 48px;
    line-height: 48px;
    position: relative
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span em {
    font-size: 14px;
    color: #bbb;
    line-height: 48px;
    float: left
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child>em i {
    margin-right: 6px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child>em:first-child:after {
    content: '|';
    margin: 0 15px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child>em.phone {
    margin-left: 20px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    cursor: pointer;
    padding-right: 20px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child>em.phone i {
    font-size: 18px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share {
    display: inline-block;
    float: left
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 11px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:first-child {
    background: url(../images/newShare/sina.svg) no-repeat;
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:first-child:hover {
    background: url(../images/newShare/sinaHover.svg) no-repeat;
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:nth-child(2) {
    background: url(../images/newShare/qzone.svg) no-repeat;
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:nth-child(2):hover {
    background: url(../images/newShare/QzoneHover.svg) no-repeat;
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:nth-child(3) {
    background: url(../images/newShare/douban.svg) no-repeat;
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:nth-child(3):hover {
    background: url(../images/newShare/doubanHover.svg) no-repeat;
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .code {
    display: none;
    position: absolute;
    bottom: -210px;
    right: 150px;
    z-index: 9;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .code>strong {
    float: left;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
    height: 20px;
    line-height: 20px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf.ind span:first-child strong {
    margin-left: 0;
    line-height: 48px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf.ind sub {
    line-height: 48px!important;
    margin-top: 0
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf.ind sup {
    margin-left: 15px;
    line-height: 48px!important;
    margin-top: 0
}

.mainBox .main .mainLeft .mainLeftTitle .content {
    float: left;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 30px
}

.mainBox .main .mainLeft .mainLeftTitle .content p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #333;
    margin-bottom: 30px;
    line-height: 32px;
    display: inline-block
}

.mainBox .main .mainLeft .mainLeftTitle .content p img {
    max-width: 750px;
    margin-bottom: 30px
}

.mainBox .main .mainLeft .mainLeftTitle .content b,.mainBox .main .mainLeft .mainLeftTitle .content strong {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 700
}

.mainBox .main .mainLeft .mainLeftTitle .content>img {
    max-width: 750px;
    margin-bottom: 30px
}

.mainBox .main .mainRight {
    float: left;
    width: 320px;
    margin-top: 40px
}

.mainBox .main .mainRight .mainRightMore {
    float: left;
    width: 100%;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 0
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop {
    float: left;
    width: 280px;
    margin-left: 20px;
    border-bottom: 1px solid #e8e8e8
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:first-child {
    float: left;
    width: 80px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:first-child img {
    width: 80px;
    height: 80px;
    border-radius: 20px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:last-child {
    float: left;
    margin-left: 15px;
    width: 185px;
    padding-bottom: 25px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:last-child p {
    font-size: 18px;
    color: #333;
    float: left;
    width: 100%;
    margin-top: 10px;
    line-height: 18px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:last-child strong {
    font-size: 14px;
    color: #999;
    float: left;
    width: 100%;
    margin-top: 10px;
    line-height: 14px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:last-child a {
    font-size: 14px;
    color: #333;
    float: left;
    margin-top: 15px;
    width: 90px;
    height: 36px;
    line-height: 36px;
    background: #ff9a00;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:last-child a:hover {
    background: #ffe669;
    -webkit-transition: .1s;
    transition: .1s
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd {
    float: left;
    width: 280px;
    margin-left: 20px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:first-child {
    float: left;
    width: 80px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:first-child img {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:last-child {
    float: left;
    margin-left: 15px;
    width: 185px;
    padding-bottom: 25px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:last-child p {
    font-size: 18px;
    color: #333;
    float: left;
    width: 100%;
    margin-top: 18px;
    line-height: 18px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:last-child strong {
    font-size: 14px;
    color: #4c7aad;
    float: left;
    width: 100%;
    margin-top: 10px;
    line-height: 14px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:last-child a {
    font-size: 14px;
    color: #333;
    float: left;
    margin-top: 15px;
    width: 90px;
    height: 36px;
    line-height: 36px;
    background: #ff9a00;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:last-child a:hover {
    background: #ffe669;
    -webkit-transition: .1s;
    transition: .1s
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott {
    float: left;
    width: 280px;
    margin-left: 20px;
    margin-top: 20px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott p {
    font-size: 16px;
    color: #333;
    float: left;
    width: 100%
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott p a {
    font-size: 14px;
    color: #999;
    float: right
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott span {
    float: left;
    width: 280px;
    margin-top: 20px;
    margin-bottom: 25px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott span a {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott span a img {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 15px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott span a p {
    float: left;
    width: 80px;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 14px;
    margin-top: 10px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott span a:last-child {
    margin-right: 0
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBottInd {
    float: left;
    width: 280px;
    margin-left: 20px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBottInd span {
    float: left;
    padding-top: 20px;
    width: 100%;
    overflow: hidden
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBottInd span a {
    float: left;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBottInd span a:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ccc;
    display: inline-block;
    float: left;
    margin-top: 8px;
    margin-right: 7px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBottInd span a:last-child {
    margin-bottom: 0
}

.mainBox .main .mainRight .mainRightRelated {
    float: left;
    width: 100%;
    margin-top: 30px
}

.mainBox .main .mainRight .mainRightRelated>p {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    height: 20px;
    line-height: 20px
}

.mainBox .main .mainRight .mainRightRelated>p:before {
    content: "";
    height: 20px;
    background-color: #ff9a00;
    width: 4px;
    float: left;
    margin-right: 17px
}

.mainBox .main .mainRight .mainRightRelated div {
    float: left;
    width: 100%
}

.mainBox .main .mainRight .mainRightRelated div a {
    float: left;
    width: 100%;
    margin-top: 15px
}

.mainBox .main .mainRight .mainRightRelated div a span:first-child {
    float: left;
    width: 130px;
    height: 73px;
    position: relative
}

.mainBox .main .mainRight .mainRightRelated div a span:first-child img {
    float: left;
    width: 130px;
    height: 73px
}

.mainBox .main .mainRight .mainRightRelated div a span:first-child em {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38px;
    height: 16px;
    background: rgba(0,0,0,.5);
    display: inline-block;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s
}

.mainBox .main .mainRight .mainRightRelated div a span:first-child i {
    position: absolute;
    left: 45px;
    top: 24px;
    width: 40px;
    height: 26px;
    background: #ff9a00;
    text-align: center;
    border-radius: 50px;
    line-height: 26px;
    font-size: 12px;
    text-indent: 5px;
    opacity: 0
}

.mainBox .main .mainRight .mainRightRelated div a span:last-child {
    float: left;
    width: 180px;
    padding-left: 10px;
    height: 73px;
    -webkit-transition: .2s;
    transition: .2s
}

.mainBox .main .mainRight .mainRightRelated div a span:last-child p {
    font-size: 16px;
    color: #333
}

.mainBox .main .mainRight .mainRightRelated div a span:last-child strong {
    color: #999;
    font-size: 12px
}

.mainBox .main .mainRight .mainRightRelated div a:hover span:first-child em {
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.mainBox .main .mainRight .mainRightRelated div a:hover span:first-child i {
    option: 1;
    -webkit-transition: .2s;
    transition: .2s
}

.mainBox .main .mainRight .mainRightRelated div a:hover span:last-child {
    background: #f8f8f8;
    -webkit-transition: .2s;
    transition: .2s
}

.gokIntroduce {
    width: 100%;
    margin-top: 80px;
    position: relative;
    height: 480px;
    background: url(../images/gokBJ.jpg) center center no-repeat #12141d
}

.gokIntroduce i,.gokIntroduce p,.gokIntroduce span {
    position: absolute;
    text-align: center
}

.gokIntroduce>img {
    float: left;
    width: 100%
}

.gokIntroduce i {
    top: 60px;
    left: 0;
    width: 100%;
    display: inline-block
}

.gokIntroduce i img {
    width: 150px;
    height: 150px;
    display: inline-block
}

.gokIntroduce p {
    color: #fff;
    width: 100%;
    font-size: 24px;
    top: 240px
}

.gokIntroduce span {
    top: 290px;
    left: 0;
    width: 100%;
    display: inline-block
}

.gokIntroduce span strong {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999
}

.gokTabBox {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding-bottom: 50px
}

.gokTabBox .gokTab {
    height: 66px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 30px;
    text-align: center;
    line-height: 66px
}

.gokTabBox .gokTab span a {
    color: #333;
    font-size: 18px;
    height: 64px;
    line-height: 64px;
    display: inline-block
}

.gokTabBox .gokTab span a:first-child {
    margin-right: 150px
}

.gokTabBox .gokTab span a.btn {
    color: #ec6a19;
    border-bottom: 3px solid #ff9a00
}

.gokTabBox .gokTabContent {
    margin: 0 auto;
    width: 1200px
}

.gokTabBox .gokTabContent .gokTabContentTab {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 10px
}

.gokTabBox .gokTabContent .gokTabContentTab a {
    font-size: 18px;
    color: #999;
    position: relative
}

.gokTabBox .gokTabContent .gokTabContentTab a:first-child:after {
    content: "/";
    color: #999;
    margin: 0 25px
}

.gokTabBox .gokTabContent .gokTabContentTab a.btn {
    color: #ec6a19
}

.gokTabBox .gokTabContent .gokTabContentTab a.btn:before {
    position: absolute;
    content: "";
    width: 38px;
    height: 4px;
    background: #ff9a00;
    bottom: -10px;
    left: 0
}

.gokTabBox .gokTabContent .list a {
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gokTabBox .gokTabIntroduce {
    margin: 0 auto;
    width: 1200px
}

.gokTabBox .gokTabIntroduce div,.gokTabBox .gokTabIntroduce div img {
    width: 585px;
    height: 250px;
    float: left
}

.gokTabBox .gokTabIntroduce div {
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px
}

.gokTabBox .gokTabIntroduce div span {
    position: absolute;
    width: 320px;
    left: 262px;
    top: 0
}

.gokTabBox .gokTabIntroduce div span p {
    float: left;
    width: 100%;
    margin-top: 30px;
    font-size: 24px;
    color: #333;
    line-height: 24px
}

.gokTabBox .gokTabIntroduce div span strong {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #4c7aad;
    margin-top: 20px;
    line-height: 18px;
    margin-bottom: 10px
}

.gokTabBox .gokTabIntroduce div span em {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 18px
}

.gokTabBox .gokTabIntroduce div span sub {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #666;
    margin-top: 20px;
    line-height: 18px
}

.gokTabBox .gokTabIntroduce div:nth-child(2n) {
    margin-right: 0
}

.gokTabBox+.footerBox {
    margin-top: 0!important
}

.listTab {
    float: left;
    width: 100%;
    display: inline-block;
    text-align: center;
    height: 60px;
    margin-top: 10px
}

.listTab span {
    display: inline-block;
    text-align: center
}

.listTab span a {
    font-size: 20px;
    color: #999
}

.listTab span a.btn {
    color: #000;
    position: relative
}

.listTab span a.btn:before {
    content: "";
    width: 100%;
    height: 3px;
    background: #ff9a00;
    display: inline-block;
    position: absolute;
    bottom: -10px
}

.listTab span em {
    font-size: 20px;
    color: #999;
    margin: 0 25px
}

.title-wrap {
					text-align: center;
					height: 170px;
				}

.title-wrap .title {
	display: inline-block;
	margin-top: 50px;
	font-size: 24px;
	color: #333;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
}

.title-wrap .subtitle {
	margin-top: 8px;
	font-size: 16px;
	color: #999;
}

.bigworks {
	margin: 0 auto;
	width: 100%;
	background: #f5f5f5;
}
.title{
	text-align: center;
}
.title h3{
	font-size: 30px;
	font-weight: bold;
}
.title p{
	color: #999;
	margin: 10px;
}

.answer {
    background-color: #ffd1e1; color: #e74880;
    display: block;
    height:35px;
    line-height: 35px;
    padding-left:10px;font-weight: bold;
    margin-bottom: 15px;
}

.answer span{
    display : inline-block;
    line-height: 30px;
    color: #e74880;font-weight: bold;
}
.answer .span1{
    font-size: 30;
    line-height: 35px;
    color: #e74880;font-weight: bold;
}
.answer img{
    float:right;
    margin-top: -55px;
    width: 70px;height: 70px;
}